.limbo-item-bar {
    position: relative;
    margin: 0 auto;
    border-top: 1px solid $ml-border-color;
    border-bottom: 1px solid $ml-border-color;
    width: 100%;
    background-color: #FFF;
    overflow: hidden;
    @include boxSizing(border-box);
    
    .fav-me {
        display: inline-block;
        border: none;
        padding: 0;
        width: $limbo-item-bar-h - 2;
        height: $limbo-item-bar-h - 2;
        line-height: $limbo-item-bar-h - 2;
        color: $ml-black;
        background-color: transparent;
        font-size: 20px;
        &:hover, &:focus {
            color: $ml-main-color;
        }
    }
    .fav-me{
        &:hover, &:focus {
            color: $ml-fav-color;
            i:before {
                content: "\f004";
            }
        }
    }
    span {
        font-size: $fz-normal;
        margin: 0 10px;
        line-height: 40px;
        vertical-align: top;
    }
    .share {
        display: inline-block;
        margin: 4px 0;
        padding: 0 15px;
        height: 32px;
        line-height: 32px;
        vertical-align: top;
        font-size: $fz-normal;
        color: #FFF;
        
        &.fb { color: $fb-color; }
        &.tw { color: $tw-color; }
        &.goo { color: $goo-color; }
        &.pin { color: $pin-color; }
        
        &:hover {
            &.fb { color: darken($fb-color, 10%); }
            &.tw { color: darken($tw-color, 10%); }
            &.goo { color: darken($goo-color, 10%); }
            &.pin { color: darken($pin-color, 10%); }
        }
        
        /*
        &.fb { background-color: $fb-color; }
        &.tw { background-color: $tw-color; }
        &.goo { background-color: $goo-color; }
        &.pin { background-color: $pin-color; }
        &:hover {
            &.fb { background-color: darken($fb-color, 10%); }
            &.tw { background-color: darken($tw-color, 10%); }
            &.goo { background-color: darken($goo-color, 10%); }
            &.pin { background-color: darken($pin-color, 10%); }
        }
        */
    }
}


.limbo-item.fav {
    .fav-me{
        color: $ml-fav-color;
        i:before {
            content: "\f004";
        }
    }
}

@include min-screen ($vw-small) {
    .limbo-item-bar {
        width: 640px;
        border: 1px solid $ml-border-color;
        @include borderRadius();
    }
}

/*
@include min-screen($vw-large) {
    .limbo-item-bar {
        width: 620px;
    }
}
*/